.head{
    height:240px ;
    
    
}
.head-item{
    height:40px ;
    line-height: 40px;
    background: #f6f6f6;
    display: flex;
    justify-content: space-around;
}
.head-item li {
    list-style: none;
    cursor: pointer;

}
.head-item li a {
    text-decoration: none;
    color: black;

}
.head-item li a:hover{
   
    color:cyan;

}
.head-item li img{
    height: 20px;
}
.head-search{
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}
.head-left img{
    width: 150px;
}
button img{
    width: 20px;
}
/* 放大镜 */
.media{
    display: flex;
    
}
#box{
    display: flex;
    position: relative; 
    width: 210px;
    height: 210px;
    border: 1px solid black;
    position: relative;
}
#small{
    position: relative;
}
#big{
    width: 300px;
    height: 300px;
    border: 1px solid black;
    overflow: hidden;
    position: absolute;
    left: 250px;
    top: 0;
    overflow: hidden;
    display: none;
}
#mask{
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3;
    display: none;
    cursor: move;
}
#bigImg{
    position: absolute;
    left: 0;
    top: 0;
}